


.l,.z,.fl{float:left;}
.r,.y,.fr{float:right;}
.fw{font-weight:600!important;}
.none{display:none;}


@-webkit-keyframes loader-07{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0;}
    50%{opacity:1;}
    100%{-webkit-transform:scale(1);transform:scale(1);opacity:0;}
}
@keyframes loader-07{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0;}
    50%{opacity:1;}
    100%{-webkit-transform:scale(1);transform:scale(1);opacity:0;}
}
.loader-01{border:.2em dotted currentcolor;border-radius:50%;-webkit-animation:1s loader-01 linear infinite;animation:1s loader-01 linear infinite;}
@-webkit-keyframes loader-01{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@keyframes loader-01{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
[class*="loader-"]{display:inline-block;width:2.5em;height:2.5em;color:inherit;vertical-align:middle;pointer-events:none;}
.tipmessage-box{position:absolute;top:9px;right:126px;z-index:1025;color:#34495e;width:50px;font-size:14px;}
.im-notify{position:absolute;background-color:#fa5a57;}
.im-notify.im-number{-webkit-box-sizing:border-box;box-sizing:border-box;min-width:16px;height:16px;padding:0 4px;border-radius:8px;line-height:16px;font-size:12px;text-align:center;color:#fff;}
.im-notify.im-number.im-center{top:-8px;right:-8px;transform:scale(0.88);}
.i-frame{position:absolute;width:172px;height:206px;top:24px;z-index:1024;left:calc(50% - 224px) !important;padding-top:12px;display:none;}
.i-frame::before{content:'';width:10px;height:10px;display:block;position:absolute;top:9px;left:calc(50% - 5px) !important;-webkit-transform:rotate(45deg);transform:rotate(45deg);background-color:white;-webkit-box-shadow:-1px -1px 1px rgba(0,0,0,0.05);box-shadow:-1px -1px 1px rgba(0,0,0,0.05);z-index:1;}
.i-frame iframe{background:#FFF;-webkit-box-shadow:0 3px 6px 0 rgba(0,0,0,0.2);box-shadow:0 3px 6px 0 rgba(0,0,0,0.2);border-radius:2px;width:100%;height:100%;height:calc(100% + 7px);}
.ksd-dropdown-menu{position:absolute;top:43px;/*left:-10px;*/
    display:none;min-width:10rem;padding:1.5rem 0.1rem;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem;border-top:0;}
.ksd-dropdown-menu .dropdown-item:focus,.ksd-dropdown-menu .dropdown-item:hover,.ksd-dropdown-menu .dropdown-item:hover i,.ksd-dropdown-menu .dropdown-item:focus i{background:#1E9FFF;color:#fff;}
.ksd-main-bg{width:100%;position:absolute;bottom:0;left:0;right:0;mix-blend-mode:hue;z-index:10;}
.cart-body{width:480px;background-color:#fff;box-shadow:0 8px 16px 0 rgba(7,17,27,.1);border-radius:2px;box-sizing:border-box;position:fixed;left:0;right:0;margin:-220px auto 0;top:45%;z-index:101;display:none;}
.title-box{padding-top:36px;padding-bottom:24px;background:#f3f5f7}
.title-box .goods-info-title{margin-left:12px;color:#07111b;font-size:16px;line-height:16px;}
.title-box a{color:#93999f;font-size:12px;line-height:16px;background:#f3f5f7}
.clearfix:after{content:'\0020';display:block;height:0;clear:both;visibility:hidden;}
.detail-box{width:100%;position:relative}
.detail-box .ksd-paybox img{width:180px;height:180px;}
.detail-box ul{width:100%;padding-bottom:13px;}
.detail-box ul li:last-child{margin-bottom:0;}
.detail-box ul li{padding:22px 30px 10px;box-sizing:border-box;background:#f3f5f7;margin-bottom:1px;}
.detail-box ul li img{width:160px;height:90px;}
.detail-box ul li .text-info-box .package-title{margin-top:8px;font-size:18px;color:#07111b;line-height:24px;font-weight:600;}
.detail-box ul li .text-info-box .package-info-title{margin:0;font-size:12px;color:#07111b;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.detail-box ul li .text-info-box .info-del{font-size:12px;color:#93999f;line-height:24px;font-weight:200;}
.detail-box ul li .text-info-box .class-three-servicetime{font-size:12px;color:#93999f;text-align:left;line-height:24px;}
.detail-box ul li .text-info-box .class-three-servicetime a{margin-left:14px;font-size:12px;color:#0167ff;text-align:left;line-height:24px;display:inline-block;}
.detail-box ul li .info-price .price{display:inline-block;font-size:24px;font-weight:600;}
.detail-box ul li .info-price{position:relative;font-size:16px;color:#f01414;}
.pay-box{position:relative;margin:10px 0;overflow:hidden;}
.pay-box .pay-add-sign li{cursor: pointer;padding:0 12px;height:26px;line-height:23px;border:1px solid #26c58b;border-radius:18px;font-size:12px;color:#26c58b;margin-right:15px;display:inline-block;}
.pay-box .pay-add-sign li.checked{background:#26c58b;color:#fff;}
.pay-box .submit-btn{padding:0;width:140px;height:40px;margin-top:-8px;text-align:center;font-size:14px;line-height:40px;}
.moco-btn{position:relative;display:inline-block;margin-bottom:0;text-align:center;vertical-align:middle;touch-action:manipulation;text-decoration:none;box-sizing:border-box;background-image:none;border-radius:0;-webkit-appearance:none;white-space:nowrap;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-style:solid;border-width:1px;cursor:pointer;-weibkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;color:#545c63;background-color:transparent;border-color:#9199a1;opacity:1;padding:7px 16px;font-size:14px;line-height:1.42857143;border-radius:18px;}
.moco-btn-red{border-style:solid;border-width:1px;cursor:pointer;-weibkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;color:#fff;background-color:#26c58b;border-color:#42e7ab;opacity:1;}
.moco-btn-red:hover{color:#fff;text-decoration:none;font-weight:600;}
.cart-body-overlay{background:rgba(0,0,0,0.4);position:fixed;right:0;left:0;bottom:0;top:0;z-index:100;}
.closecart{position:absolute;top:-10px;right:-10px;background:#fff;width:36px;height:36px;border-radius:50%;text-align:center;line-height:36px;}
.closecart .iconfont{padding-right:0;}
.cart-body:hover .closecart{display:block}
/* Ã¥Å Â Ã¨Â½Â½Ã¦â€ºÂ´Ã¥Â¤Å¡*/
.loadmore{text-align:center}
.loadmore a{display:block;background:#f5f5f5;padding:5px;}
.loadmore a:hover{background:#eee;}
.loadmore .fw{font-weight:bold;padding:0 2px;}
.loadmorechild{margin-left:75px;padding-right:30px;}
.loadmorechild a{background:#fff;}
/*Ã¤Â¸ÂªÃ¤ÂºÂºÃ¤Â¸Â­Ã¥Â¿Æ’Ã¥Â¯Â¼Ã¨Ë†ÂªÃ¦Â ÂÃ¦Å½Â§Ã¥Ë†Â¶*/
.ksd-sign-finish{background:#0167FF;color:#fff}
.ksd-logindrop{z-index:100;position:absolute;width:248px;background:#fff;box-shadow:0 0 1em #ddd;margin:10px;font-size:14px;color:#ffffff;top:-10px;right:-22px;text-align:right;border-radius:18px;}
.ksd-logindrop.show{box-shadow:none;}
.ksd-logindrop.show .ksd-login-items{display:none;}
.ksd-user-info{padding:10px;position:relative;top:5px;}
.ksd-logindrop .ksd-login-items{border-bottom:1px solid #eee;padding:8px 6px;}
.ksd-logindrop .ksd-login-items.bnone{border-bottom:0;}
.ksd-logindrop .ksd-login-items .items a{color:#666;font-weight:normal;}
.ksd-logindrop .ksd-login-items .items{cursor:pointer;overflow:hidden;}
.ksd-logindrop .ksd-login-items .items:hover{background:#EEEEEE;}
.ksd-logindrop .ksd-login-items .items .iconfont{padding-right:0;}
.ksd-logindrop .ksd-login-items .items a{font-size:12px;padding:8px;font-weight:400;cursor:pointer;display:flex;transition:60ms linear;}
.ksd-logindrop .ksd-login-items .items:hover a{font-weight:600;color:#111;}
.ksd-logindrop .ksd-login-items .items .flitems i{position:relative;top:-1px;display:inline-block;width:24px;margin-right:5px;text-align:center;}
.ksd-logindrop .ksd-login-items .ksd-exp-itemboxs a.show1{display:none}
.ksd-logindrop .ksd-login-items .ksd-exp-itemboxs a.show2{display:block}
.ksd-logindrop .ksd-login-items .ksd-exp-itemboxs:hover a.show1{display:block}
.ksd-logindrop .ksd-login-items .ksd-exp-itemboxs:hover a.show2{display:none}
.ksd-sign-items{text-align:center;padding:14px 6px 8px;}
.ksd-sign-items a{display:inline-block;border-radius:18px;padding:6px 20px;border:1px solid #eee;font-size:13px;}
.ksd-sign-items a:hover{background:#0167FF;color:#fff;}
.ksd-header-items{margin:6px;overflow:hidden;}
.ksd-header-items .ksd-num-items{float:left;width:33.33333%;text-align:center;transition:60ms linear;padding:5px 0;font-weight:400;}
.ksd-header-items .ksd-num-items:hover{background:#eeeeee!important;font-weight:600;}
.ksd-header-items .ksd-num-items .num{display:block;font-size:18px;color:#444;margin-bottom:2px;font-weight:700;}
.ksd-home{float:left;padding:10px 0px 0px 8px;font-size:11px;color:rgb(142,142,142);transform:scale(0.9);display:none;}
.ksd-nocomment{padding:60px 20px;text-align:center;font-size:20px;background:#f5f5f5;color:#999;margin:20px 0;}
/*loadingÃ¨Â¿â€ºÃ¥ÂºÂ¦Ã¥Å Â¨Ã§â€Â»*/
.loading h2{font-size:13px;padding:10px 0;}
.loading span{display:inline-block;vertical-align:middle;width:.6em;height:.6em;margin:.19em;background:#007DB6;border-radius:.6em;animation:loading 1s infinite alternate;}
.loading span:nth-of-type(2){background:#008FB2;animation-delay:0.2s;}
.loading span:nth-of-type(3){background:#009B9E;animation-delay:0.4s;}
.loading span:nth-of-type(4){background:#00A77D;animation-delay:0.6s;}
.loading span:nth-of-type(5){background:#00B247;animation-delay:0.8s;}
.loading span:nth-of-type(6){background:#5AB027;animation-delay:1.0s;}
.loading span:nth-of-type(7){background:#A0B61E;animation-delay:1.2s;}
@keyframes loading{0%{opacity:0;}
    100%{opacity:1;}
}
/*Ã©Â¦â€“Ã©Â¡Âµ*/
html{-webkit-overflow-scrolling:touch;}
/*# sourceMappingURL=index_new.css.map */
.button{box-sizing:border-box;display:inline-block;height:48px;line-height:48px;min-width:140px;padding:0 12px;font-family:Avenir-Heavy;font-size:16px;color:#fff;text-align:center;border-radius:4px;text-decoration:none}
.button-primary{color:#2dacec;background:#fff}
.button-normal{background:transparent;border:1px solid #fff}
*{padding:0;margin:0}
a{text-decoration:none}
h2{font-weight:400}
@keyframes fallingStar{0%{transform:translate3d(0,-100%,0)}
    to{transform:translate3d(0,720px,0)}
}

/*course detail*/
.mainbox{margin-bottom:100px;}
main .banner-box{height:460px;position:relative;}
main .banner-box .topWarp{width:1190px;padding-top:45px;margin:0 auto;position:relative;}
main .banner-box .topWarp .course-cont{margin-top:73px;padding-left:57px;position:relative;}
main .banner-box .topWarp .course-cont .course-title{font-size:32px;color:#FFFFFF;line-height:74px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;height:58px;}
main .banner-box .topWarp .course-cont .course-stitle{margin-top:12px;font-size:14px;line-height:20px;height:40px;color:rgba(255,255,255,0.8);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;word-break:break-all;word-wrap:break-word;width: 65%;}
main .banner-box .topWarp .course-cont .course-price-box{height:22px;margin-top:42px;}
main .banner-box .topWarp .course-cont .course-price-box .course-price-new{font-size:28px;color:#FFFFFF;line-height:22px;}
main .banner-box .topWarp .course-cont .course-price-box .course-price-old{margin-left:10px;text-decoration:line-through;line-height:18px;font-size:14px;color:#FFFFFF;opacity:0.5;margin-top:4px;}
main .banner-box .topWarp .course-cont .course-price-box:after{display:block;content:"";clear:both;}
main .banner-box .topWarp .course-cont .course-btn{margin-top:14px;width:202px;height:48px;line-height:48px;font-size:16px;color:#FFFFFF;border:0;display:inline-block;margin-right:20px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;text-align:center;}
main .banner-box .topWarp .course-cont #has-open-sales{display:inline-block;}
main .banner-box .topWarp .course-cont .sign-up{cursor:pointer;background:#ff9800;}
main .banner-box .topWarp .course-cont .sign-up:hover{background:#FF9F4A;}
main .banner-box .topWarp .course-cont .free-study{background:rgba(221,67,67,0.98);}
main .banner-box .topWarp .course-cont .free-study:hover{background:rgba(3,169,244,0.84);}
main .banner-box .tag-box{width:100%;position:absolute;bottom:0;height:64px;background:rgba(255,255,255,1);}
main .banner-box .tag-box .warp{max-width:1190px;margin:0 auto;}
main .banner-box .tag-box .warp ul{display: flex}
main .banner-box .tag-box .warp ul li{height:64px;line-height:64px;text-align:center;flex: 1;justify-content: space-between}
main .banner-box .tag-box .warp ul li a{display:inline-block;position:relative;height:64px;font-family:PingFangSC-Regular;font-size:16px;color:#666;text-align:center;text-decoration:none;font-weight:bold;}
main .banner-box .tag-box .warp ul li.major a{color:#03a9f4;}
main .banner-box .tag-box .warp ul li.major a::before{content:'';display:block;position:absolute;left:50%;margin-left:-23px;bottom:14px;width:46px;height:2px;background:#FFFFFF;}
main .class-details-box .text-warp{max-width:1190px;margin:30px auto 0;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;overflow:hidden;}
main .class-details-box .text-warp .table-top-box{padding:40px 45px;background:#fff;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;}
main .class-details-box .text-warp .table-top-box .service-box li{float:left;width:275px;text-align:center;}
main .class-details-box .text-warp .table-top-box .service-box li .cont-tit{font-size:24px;color:#00001C;font-weight:lighter;}
main .class-details-box .text-warp .table-top-box .service-box li .cont-tit .text-span{font-size:50px;color:#666666;line-height:50px;font-weight:lighter;}
main .class-details-box .text-warp .table-top-box .service-box li .cont-stit{margin-top:16px;font-size:12px;color:#82868D;}
main .class-details-box .text-warp .table-top-box .service-box:after{content:'';display:block;clear:both;}
main .class-details-box .text-warp .course-information-box{margin-top:30px;padding:50px 26px;background:#fff;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;}
main .list-box{max-width:1190px;margin:30px auto 100px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;background:#fff;padding:20px 26px 56px;}
main .list-box .onlyOne-stage{border-bottom:1px solid #F0F0F0;background:#eff3f5;}
main .list-box .onlyOne-stage .chapter-title{position:relative;margin-top:10px;padding:15px;cursor:pointer;background: #f8f8f8;}
main .list-box .onlyOne-stage .chapter-title:hover{background:#FBFBFB;}
main .list-box .onlyOne-stage .chapter-title h6{display:block;float:left;color:#666666;height:24px;line-height:24px;font-size:14px;font-weight:600;}
main .list-box .onlyOne-stage .chapter-title:after{display:block;clear:both;content:"";}
main .list-box .onlyOne-stage .chapter-title .expand{position:relative;top:4px;}
main .list-box .onlyOne-stage .chapter-cont{display:block;margin-top:10px;padding:5px 30px 30px;background:#eff3f5;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;}
main .list-box .onlyOne-stage .chapter-cont .summary-box{margin-top:25px;}
/*main .list-box .onlyOne-stage .chapter-cont .summary-box .summary-cont{margin-top:25px;}
*/
main .list-box .onlyOne-stage .chapter-cont .summary-box .summary-cont li a{margin-top:10px;font-size:12px;color:#737C8F;display:block;background:#fff;padding:15px;cursor:pointer;overflow:hidden;font-weight:bold;position:relative;}
main .list-box .onlyOne-stage .chapter-cont .summary-box .summary-cont li a:hover{background:#f8f8f8;}
main .list-box .onlyOne-stage .chapter-cont .summary-box .free-table-btn{color:#ff3837;}
main .list-box .onlyOne-stage .chapter-cont .summary-box .summary-cont li::before{content:'';display:block;position:absolute;left:5px;top:2px;width:5px;height:8px;background-repeat:no-repeat;background-size:100% 100%;}
main .list-box .onlyOne-stage .chapter-cont .summary-box .summary-cont li:nth-of-type(1){margin-top:0;}
main .list-box .onlyOne-stage .chapter-cont .summary-box:nth-of-type(1){margin-top:0;}
main .list-box .onlyOne-stage:nth-of-type(1) .chapter-title{margin-top:10px;}
main .list-box .onlyOne-stage:nth-of-type(1) .chapter-cont{display:block;}
main .list-box .onlyOne-stage:nth-of-type(1) .chapter-cont .summary-box:nth-of-type(1) .summary-cont{display:block;}
.question-contain{background-color:#fff;margin:0 auto;display:block;padding:24px 0}
.question-contain .question-content{overflow:hidden}
.question-contain .question-content li{padding:15px 24px 15px 48px;overflow:hidden;background:#eff3f5;cursor:pointer;overflow:hidden;margin-bottom:10px;transition:300ms;position:relative;}
.question-contain .question-content li:first-child{margin-top: 20px;}
.question-contain .question-content li .operations_btn{position:absolute;right:20px;top:20px;display: flex}
.question-contain .question-content li .operations_btn a{padding:0 5px;}
.question-contain .question-content li .operations_btn a i{font-size:18px}
.question-contain .question-content li:hover{background:#f2fbff;}
.prebox li .mid-detail .question-title{font-size:18px;line-height:32px;color:#5f5f5f;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-word;text-decoration:none;-webkit-transition:color .2s ease-out;transition:color .2s ease-out}
.prebox li .mid-detail .answer-content{color:#4d555d;font-size:14px;line-height:28px;padding:10px 0 30px;word-break:break-all;}
/*Ã¦Â±Å¸Ã¦Â¹â€“*/
@charset "utf-8";html{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}
html,body,h1,div,p{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
*{margin:0;padding:0;list-style:none}
h1{font-size:18px;font-weight:700;color:#666666;}
a:hover{text-decoration:none;color:#34495e;}
.layui-icon{font-family:layui-icon !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.layui-row:after,.layui-row:before{content:'';display:block;clear:both}
.layui-col-lg9,.layui-col-md9{position:relative;display:block;box-sizing:border-box}
@media screen and (max-width:768px){.ksd-screen-time{display:block!important;}
    .ksd-operator-expand,.ksd-screen-time-no{display:none!important;}
    .ksd-operator-tuijian{top:-6px!important;}
    .ksd-tiff-collect{top:24px!important;right:12px!important;}
    .navbar,.pagination,.ksd-update-span,.logo{display:none;}
    .button{width:100%;margin-bottom:10px;}
    #ksd-bbs-main-load{display:block!important;}
    .home-page .top-section .product-desc{font-size:18px;}
    .home-page .top-section .product-name img{width:200px!important;}
    .layui-hide-xs{display:none !important}
    .layui-container{padding:0!important;margin-top:0!important;}
    .pinglun li.comment-child{margin-left:0!important;margin-right:0!important;}
    .comment-children .pl-dan{padding-left:10px!important;}
    .layui-container .main{margin:7px!important;padding:0!important;}
    .ksd-operator{display:none!important;}
    .ksd-remove-topics{display:block!important;position:relative;left:72px;top:15px!important;}
    .ksd-backshow{display:block!important;background:#fff;margin:7px 7px;padding:10px;}
}
@media screen and (min-width:768px){.layui-container{width:750px}
}
@media screen and (min-width:992px){.layui-container{width:970px}
    .layui-col-md9{float:left}
    .layui-col-md9{width:75%}
}
@media screen and (min-width:1200px){.layui-container{width:1170px;/* padding:28px;*/
}
    .layui-col-lg9{float:left}
    .layui-col-lg9{width:75%}
}
.ksd-slibar-fixed{position:fixed;margin-left:855px;width:285px;}
.layui-col-space15{margin:-7.5px}
.layui-col-space15 > *{padding:7.5px}
.layui-laypage{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;margin:10px 0;font-size:0}
.layui-laypage > a:first-child{border-radius:2px 0 0 2px}
.layui-laypage > a:last-child{border-radius:0 2px 2px 0}
.layui-laypage >:first-child{margin-left:0 !important}
.layui-laypage >:last-child{margin-right:0 !important}
.layui-laypage a{border:1px solid #e2e2e2}
.layui-laypage a{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;padding:0 15px;height:28px;line-height:28px;margin:0 -1px 5px 0;background-color:#fff;color:#34495e;font-size:12px}
.layui-laypage a:hover{color:#009688}
.layui-laypage a{text-decoration:none}
/* Ã¥Â¤Â´Ã©Æ’Â¨ */
.layui-container .main{margin:10px auto;}
/* Ã©ÂÂ¢Ã¦ÂÂ¿ */
.list-card{border-radius:6px;margin-bottom:10px;}
.list-card .list-pic{width:150px;height:150px;line-height:150px;float:left;text-align:center;overflow:hidden;margin-right:25px}
.list-card .list-pic img{max-width:100%}
.list-card p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.title-article{/* background:#fff;*/
    /* overflow:hidden;*/
    /* padding:20px 20px 10px 20px;*/
    /* position:relative */
}
.title-article p{margin-bottom:10px;color:#888;font-size:12px;}
.title-article .title-msg{margin-bottom:10px}
.title-article .title-msg span{margin-right:3px;}
.title-article .title-msg span.c999,.title-article .title-msg span a.c999{color:#999999!important;}
.title-article .title-msg span.bbx:hover{background:#1ca3e1;}
.title-article .title-msg span.bbx a:hover{color:#fff;}
.page-navigator{padding:15px;margin-left:auto;margin-right:auto;text-align:center;display:inherit}
.page-navigator a:hover{background:#1e9fff;color:#fff}
.page-navigator .current{background:#34495e742;color:#fff}
@media (max-width:768px){.list-card .list-pic{width:100%;/* height:100%;*/
    line-height:200px;margin-bottom:10px}
    .title-article{padding:15px}
    .title-article .title-msg span{font-size:12px}
}
img{max-width:100%;height:auto;vertical-align:middle;border-style:none;}
body{line-height:24px;font:14px Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;}
h1,h3,h4{font-weight:500;}
h1,h3,h4{font-family:"Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","WenQuanYi Micro Hei","Microsoft Yahei",sans-serif;}
input[type="text"],input[type="email"],input[type="url"],textarea{border:1px solid #E9E9E9;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
textarea{resize:vertical;}
/* Ã¥Â¤Â´Ã©Æ’Â¨ */
.layui-badge:empty{display:none;}
.map{margin-bottom:10px;}
/* Ã©ÂÂ¢Ã¦ÂÂ¿ */
.markdown-body,.title-article{background:#fff;overflow:hidden;padding:10px 20px;position:relative;text-align:center;}
.markdown-body,.title-article .hlink{overflow:hidden;display:block;margin-bottom:10px;}
.markdown-body,.title-article .hlink2{overflow:hidden;display:block;margin-bottom:5px;}
.title-article h1{font-size:16px;font-weight:600;color:#34495e;margin-top:5px;}
.title-article h1.title{font-size:28px;font-weight:600;color:#34495e;padding:0 0 10px;width:82%;line-height:32px;word-break:break-all;}
.title-article .title-msg{margin-bottom:0px;font-size:12px;color:#999;}
.title-article .title-msg a{color:#999;}
.title-article .title-msg a:hover,.title-article .title-msg:hover{color:#34495e;}
.title-sidebar{border-bottom:1px solid #eee;width:100%;color:#34495e;font-size:14px;font-weight:600;padding-bottom:10px;margin-bottom:10px;overflow:hidden;}
.title-sidebar i{color:#666;margin:5px}
.text,.copy-text,.page-text,.comment-text,.tags-text{overflow:hidden;}
.text{padding-top:0;padding-bottom:0;line-height:2;overflow:hidden}
.text h3{font-size:18px;font-weight:bold;margin:5px 0;}
.text h3:before{content:"Ã¢â‚¬Â»";padding-right:6px;}
.text img:not([class]){max-width:80% !important;height:auto !important;margin:20px auto;display:block;}
.copy-text{color:#666;padding:0 20px;}
.copy-text div{font-size:12px;background:#cce5ff;padding:10px;border-radius:4px;overflow:hidden;line-height:2}
.page-text{margin-bottom:10px;font-size:14px;overflow:hidden}
.page-text div:first-child{margin-bottom:10px}
.page-text a{width:90%;display:inline-block}
.page-text span{margin-right:10px}
/* Ã¦ÂÅ“Ã§Â´Â¢Ã¦Â¡â€ */
/* Ã¦ÂÅ“Ã§Â´Â¢Ã¤Â¸ÂÃ¥Ë†Â°Ã¥â€ â€¦Ã¥Â®Â¹ */
/* Ã¥Ë†â€ Ã§Â±Â» */
.column{background:#fff;padding:15px;margin-bottom:15px;border-radius:6px;overflow:hidden}
.column ul{overflow:hidden}
.column ul li a{padding:3px 10px;margin-bottom:2px;}
.column ul li.selected,.column ul li:hover{background:#eff3f5;}
.column ul span{float:right;color:#999}
.column ul i{color:#666}
/* Ã¥ÂÅ¡Ã¤Â¸Â»Ã¥Å Â¨Ã¦â‚¬Â */
.dynamic{background:#fff;padding:15px;margin-bottom:15px;border-radius:6px;overflow:hidden}
.dynamic ul{padding-left:10px;padding-right:10px;height:350px;overflow:scroll;overflow-x:hidden}
.dynamic ul li{position:relative;padding:10px 10px 0 20px;border-left:2px solid #c0c0c0}
.dynamic ul li span{position:absolute;left:-12px;top:10px;padding:2px;border:5px solid #fff}
.dynamic ul li p{margin-top:5px;padding-bottom:14px;color:#666;border-bottom:1px solid #f1f1f1}
.dynamic ul li small{display:inherit;color:#999;margin-top:10px}
.dynamic ul li:hover span{background:#888 !important}
.dynamic ul li:hover p{color:#303030}
/* Ã¦Â â€¡Ã§Â­Â¾Ã¤Âºâ€˜ */
.tags{background:#fff;padding:15px;margin-bottom:15px;border-radius:6px;overflow:hidden}
.tags div a{margin:0 6px 5px 0 !important;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.tags-text i{color:#666}
/* Ã¥Â¹Â¿Ã¥â€˜Å */
.ads{background:#20a0ff;padding:2px;margin-bottom:10px;border-radius:6px;overflow:hidden}
/* Ã¥Ââ€¹Ã¦Æ’â€¦Ã©â€œÂ¾Ã¦Å½Â¥ */
/* Ã¥Âºâ€¢Ã©Æ’Â¨ */
/* Ã¨Â¯â€žÃ¨Â®Âº */
.pinglun{margin-bottom:10px}
.pinglun li{margin-bottom:10px;padding:10px;background:#eff3f5;}
.pinglun li:hover{background:#F8F8F8;box-shadow:0 0 1em #d3d3d3;}
.pinglun li.comment-child{padding:10px 30px 0 10px;background:#ffff;margin-left:75px;margin-right:20px;}
.pinglun li.comment-child:hover{background:#F8F8F8;box-shadow:0 0 1em #d3d3d3;}
.pinglun .pl-dan{border-radius:4px;padding:6px;}
.pinglun .t-p{float:left;position:relative;top:-3px;}
.pinglun .t-p img{width:50px;height:50px;border:4px solid rgba(210,210,210,0.2);border-radius:200px;position:relative;z-index:555;}
.pinglun .t-u{margin-left:70px;line-height:22px;/* padding-bottom:10px;*/
    /* margin-bottom:10px;*/
}
.pinglun .t-u strong{font-size:16px;color:#666;}
.pinglun .t-u .t-g{color:#999;font-size:12px}
.pinglun .t-u .t-btn a{font-size:12px;padding:2px 5px;border-radius:4px;margin-right:10px;border:#e2e2e2 1px solid;color:#909090}
.pinglun .t-u .t-btn a{background:#1ab667;color:#fff;font-size:12px;border:#1ab667 1px solid}
.pinglun .t-u .t-btn a.rpl-red{background:#ea0d0d;border:1px solid #ea0d0d;}
.pinglun .t-u .t-btn a.rpl-yellow{background:#ea8e06;border:1px solid #df890a;}
a.crpl-red{padding:3px 12px;border-radius:4px;margin-right:10px;color:#999;font-size:12px;}
.ksd-operator{color:#999;}
.pinglun .t-u .t-btn a .iconfont{font-size:13px;padding-right:3px;}
.pinglun .t-u .t-btn a:hover{background:#1ab667;color:#fff;border:#1ab667 1px solid}
.pinglun .t-s{margin-top:10px;margin-bottom:10px;color:#888;word-break:break-word;line-height:20px;}
.pinglun .t-s p{word-break:break-all;}
.comment-children .pl-dan{padding-left:65px;}
.comment-children .t-u{margin-left:25px;padding-left:33px;border-left:2px solid #f5f5f5;}
.comment-children pre{margin:10px 0;}
@media (max-width:768px){.tags-text{font-size:12px}
    .page-text a{margin-top:10px}
    .title-article{padding:15px}
    .title-article .title-msg span{font-size:12px}
}
.comment-text h3{font-size:16px;}
.text p{margin:14px 0px;}
.layui-btn-xs{height:22px;line-height:22px;padding:0 5px;font-size:12px;}
.layui-btn-primary{border:1px solid #C9C9C9;background-color:#fff;color:#555;}
.layui-btn{display:inline-block;height:38px;line-height:38px;padding:0 18px;background-color:#1E9FFF;color:#fff;white-space:nowrap;text-align:center;font-size:14px;border:none;border-radius:2px;cursor:pointer;}
.layui-btn-normal{background-color:#1E9FFF;}
.comment-author .respond{margin:20px 20px 20px 0;overflow:hidden}
.pinglun .cancel-comment-reply{background:#f05050;padding:2px 5px;border-radius:4px;display:inline-block;margin-bottom:10px;}
.pinglun .cancel-comment-reply a{color:#fff;}
.w-e-text-container{background:#fff !important;}
.loadmorechild,.loadmore{text-align:center}
.loadmorechild a,.loadmore a{display:block;background:#f5f5f5;padding:5px;}
.loadmorechild a:hover,.loadmore a:hover{background:#eee;}
.loadmorechild .fw,.loadmore .fw{font-weight:bold;padding:0 2px;}
.loadmorechild{margin-left:75px;padding-right:30px;}
.loadmorechild a{background:#fff;}
.touser_sp{color:#31bc31;padding-left:10px;font-size:13px;font-weight:bold;position:relative;top:-1px;left:-4px;}
.ksd-topic-tags{position:relative;top:-1px;background:#bababa;color:#fff;padding:2px 10px;margin-right:4px;border-radius:16px;font-size:12px;display:inline-block;text-overflow:ellipsis;white-space:normal;overflow:hidden;font-style:normal;vertical-align:middle;}
.ksd-topic-tags:hover{background:#76c489;color:#fff;}
.component{background:#fff;padding:5px 15px;border-radius:6px;overflow:hidden;width:248px;}
.component .layui-input{width:162px;height:30px;display:inline;padding-left:12px;font-size:12px;}
.layui-btn-sm{height:30px;line-height:30px;padding:0 10px;font-size:12px;}
.layui-inline{display:inline;zoom:1;}
.layui-icon-edit{padding-right:6px;}
.title-article .title-msg .ksd-topic-tags{background-color:#fff;color:#999;padding:4px 0;margin-right:4px;border-radius:18px;font-size:12px;display:inline-block;max-width:120px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.title-article .title-msg .ksd-topic-tags:hover{color:#34495e;}
/*Ã¦â€™Â­Ã¦â€Â¾Ã©Â¡ÂµÃ©ÂÂ¢*/
.showchapterlink{position:absolute;z-index:100;color:#fff;top:0;left:-12px;transition:.6s ease;cursor:w-resize;background:#3a3e4a;height:100%;width:12px;}
.showchapterlink i{font-size:18px;color:#eee;position:absolute;top:40%;left:-6px}
.vol-l-con:hover .showchapterlink{right:0;}
.w1441{width:98% !important;}
.w1440{width:100%;}
#bofqi{max-width:100%;margin-left:auto;margin-right:auto;}
.playerWrap{position:absolute;top:0;right:323px;left:0;bottom:0;}
.g-sd2{box-shadow:0px 1px 8px #34495e;position:fixed;top:0;bottom:0;right:0;width:320px;background:#172530;z-index:91}
.f-fl{float:left;}
.f-fr{float:right;}
.m-chapterList{border-top:0;text-align:left;position:relative;z-index:999;font-size:12px;}
.m-chapterList .chapter{overflow:hidden;font-weight:bold;color:#666;font-size:13px;font-weight:bolder;padding:5px 0 2px 12px;line-height:40px;cursor:default;border-bottom:1px solid #3a3e4b;}
.m-chapterList .ch{width:41px;height:40px;text-align:left;color:#fff;}
.m-chapterList .section .ksname{color:#b3b1b1;font-weight:bold;max-width:170px;height:36px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;}
.m-chapterList .chaptericon{height:26px;width:26px;margin:6px;text-align:center;line-height:26px;background:#313131;position:relative;border-radius:50%;color:#fff0f6;}
.m-chapterList .kuang-see-note,.m-chapterList .kuang-edit-note{color:#fff;font-size:12px;padding-left:4px}
.m-chapterList .chaptername{width:182px;padding-left:2px;color:#fff;overflow:hidden;white-space:nowrap;margin-left:-2px;margin-top:-2px;text-overflow:ellipsis;}
.m-chapterList .section{height:36px;line-height:36px;padding:0 12px;cursor:pointer;transition:all 0.15s ease-out;overflow:hidden}
.m-chapterList .section:hover{background:#000!important;}
.m-chapterList .mk_lesson_items.active{background:#26c58b!important;color:#fff!important;}
.m-chapterList .mk_lesson_items.active .ks,.m-chapterList .mk_lesson_items.active .ksname{color:#fff!important;}
.m-chapterList .section .icon-video2{color:#fff;}
.m-chapterList .section .kstime{color:#fff;}
.m-chapterList .section-cur .icon-video2{color:#3da147 !important;}
.m-chapterList .section-cur{background:#3a3e4a !important;}
.m-chapterList .section-cur .icon-LOCKOPEN{color:#10ae58 !important;}
.m-chapterList .section-cur .kstime{color:#808080 !important;}
.m-chapterList .mk_lesson_items.active .kstime{color:#fff!important;}
.m-chapterList .section span{position:relative;z-index:2;color:#fff;padding-left:3px;}
.m-chapterList .section .ks{width:48px;color:#999;text-align:left;font-size:12px;}
.m-ctb{width:320px;}
.m-ctb .tabs{background:#111;width:100%;border-bottom: 1px solid #3a3e4a}
.m-ctb .tabs a{padding:10px 0px 10px 10px;font-weight:bold;display:inline-block;font-size:14px;color:#fff;}
.m-ctb .tabs a:hover{text-decoration:none;}
.ksd-back{margin-right:5px;}
.m-ctb .tabitem{float:left;height:50px;width:33.33%;text-align:center;line-height:50px;color:#fff;background:#3a3e4a;}
.m-ctb .tabarea{position:absolute;top:40px;left:0;width:320px;bottom:0;overflow:hidden;background:#4d515a;box-shadow: 0 0 1em #111}
.m-ctb .tabarea .bd{position:absolute;z-index:1;left:30px;top:-2px;border:none;border-left:solid 3px #3A3E4B;width:0;height:100%;}
.m-ctb .tabarea .tabbox{position:absolute;top:0px;left:0;right:0;bottom:0;overflow-y:hidden}
.m-ctb .tabarea .m-chapterlistBox{position:absolute;top:0px;left:0;right:0;bottom:0;height:100%;z-index:70;overflow-y:auto;zoom:1;padding-bottom: 10px;}
#J_prismPlayer{position:absolute;left:0;top:0;bottom:0;right:0;}
.nav header{padding:6px 28px 6px 0;}
#showbotbox{width:700px;height:100%;overflow:hidden;position:fixed;left:-700px;top:50px;bottom:0;background:rgba(255,255,255,0.95);padding:10px;z-index:101;box-shadow:0 0 1em #000;}
#leftip{position:fixed;left:0;top:0;bottom:0;width:16px;background:#3a3e4a;cursor:w-resize;z-index:91;}
#leftip i{position:absolute;top:40%;color:#fff;}
.showover{position:fixed;left:0;right:-320px;bottom:0;top:0;background:rgba(58,62,74,0.6);z-index:90;display:none;}
.downbtn{margin:15px;background:#198ae3;color:#fff;text-align:center;display:block;padding:15px 0;font-size:16px;font-weight:bold;}
.downbtn:hover.title-article .title-msg{color:#fafafa;background:#3a3e4a;}
/*Ã¨Â¯Â¾Ã§Â¨â€¹Ã©Â¦â€“Ã©Â¡Âµ*/
.custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label:before,.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label:before{border-color:#28a745}
.custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label:before,.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label:before{border-color:#dc3545}
.btn:not(:disabled):not(.disabled){cursor:pointer}
.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active{color:#fff;background-color:#0062cc;border-color:#005cbf}
.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}
.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active{color:#fff;background-color:#545b62;border-color:#4e555b}
.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}
.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active{color:#fff;background-color:#1e7e34;border-color:#1c7430}
.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}
.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active{color:#fff;background-color:#117a8b;border-color:#10707f}
.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}
.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active{color:#212529;background-color:#d39e00;border-color:#c69500}
.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}
.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active{color:#fff;background-color:#bd2130;border-color:#b21f2d}
.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}
.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active{color:#212529;background-color:#dae0e5;border-color:#d3d9df}
.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}
.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active{color:#fff;background-color:#1d2124;border-color:#171a1d}
.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}
.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active{color:#fff;background-color:#007bff;border-color:#007bff}
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}
.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active{color:#fff;background-color:#6c757d;border-color:#6c757d}
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}
.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active{color:#fff;background-color:#28a745;border-color:#28a745}
.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}
.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active{color:#fff;background-color:#17a2b8;border-color:#17a2b8}
.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}
.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active{color:#212529;background-color:#ffc107;border-color:#ffc107}
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}
.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active{color:#fff;background-color:#dc3545;border-color:#dc3545}
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}
.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}
.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}
.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active{color:#fff;background-color:#343a40;border-color:#343a40}
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}
.fade{-webkit-transition:opacity .15s linear;transition:opacity .15s linear}
@media (prefers-reduced-motion:reduce){.fade{-webkit-transition:none;transition:none}
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label:before{border-color:#80bdff}
.custom-control-input:not(:disabled):active ~ .custom-control-label:before{color:#fff;background-color:#b3d7ff;border-color:#b3d7ff}
.nav-tabs{border-bottom:1px solid #dee2e6}
.tab-content > .tab-pane{display:none}
.tab-content > .active{display:block}
.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{opacity:.75}
.justify-content-center{-webkit-box-pack:center !important;justify-content:center !important}
@supports ((position:-webkit-sticky) or (position:sticky)){}
.text-center{text-align:center !important}
@media print{*,:after,:before{text-shadow:none !important;box-shadow:none !important}
    a:not(.btn){text-decoration:underline}
    img{page-break-inside:avoid}
    h2,h3,p{orphans:3;widows:3}
    h2,h3{page-break-after:avoid}
    @page{size:a3}
    .container,body{min-width:992px !important}
}
/*** uncss> filename:http://localhost:8081/css/course.css ***/
.course-block{margin-bottom:20px}
.course-block .col-lg-3{padding:0px 11px;}
.course-block .course-item{border-radius:4px;max-width:370px;margin:15px auto 5px;-webkit-transition:all .3s;border:1px solid #eee;padding:10px 12px;transition:all .3s;background:#ffffff;position:relative;}
.course__img img{transition:300ms linear;height:140px;border-radius:6px;}
.course__img:hover{text-decoration:none;}
.course__img:hover img{transform:scale(1.03);}
.course-block .course-item:hover{background:#f8f8f8}
.course-block .course-item .num{color:#fff;background:rgba(3,18,60,0.42);display:inline-block;width:28px;height:28px;line-height:28px;text-align:center;border-radius:50%;position:absolute;bottom:10px;left:10px;font-weight:600;}
.course-block .course-item .stimer{color:#fff;background:rgba(3,18,60,0.42);display:inline-block;text-align:center;position:absolute;bottom:0px;right:0;font-weight:400;font-size:12px;border-radius:2px;padding:3px 6px;}
.course-block .course-item .course-img{position:relative}
.course-block .course-item .course-img a{cursor:pointer}
.course-block .course-item .course-img .course__img{display:block}
.course-block .course-item .course-img .course__img img{width:100%;display:block;background:orange;border-radius:4px 4px 0 0}
.course-block .course-item .course-img:after{position:absolute;bottom:0;left:30px;content:"";width:0;height:0;border-left:13px solid transparent;border-right:13px solid transparent;border-bottom:13px solid #fff}
.course-block .course-item .course-content{border-radius:0 0 4px 4px;padding:12px 0px 16px;border-top:transparent;}
.course-block .course-item .bipeople{font-size:16px;position:relative;top:3px;padding-right:2px;}
.course-block .course-item .course-content .course__title{font-size:16px;font-weight:600;line-height:22px;color:#233d63;-webkit-transition:all .3s;transition:all .3s;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}
.course-block .course-item .course-content .course__title:hover{color:#1E9FFF;}
.course-block .course-item .course-content .course__author{line-height:20px;margin-bottom:10px;font-size:13px;color:#999;display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between}
.course-block .course-item .course-content .course-price-wrap{display:-ms-flex;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;margin-top:20px;}
.course-block .course-item .course-content .course-price-wrap .course__btn{font-family:PingFangSC-Regular;margin-left:auto;padding:0 10px;height:30px;line-height:30px;text-align:center;color:#fff;font-size:12px;background:#1E9FFF;border-radius:4px;cursor:pointer;}
.course-block .course-item .course-content .course-price-wrap .course__btn:hover{text-decoration:none;background:#28d899}
.course-block .course-item:hover{box-shadow:0 0 40px rgba(82,85,90,.1)}
@media (min-width:1200px){.course-content-wrapper .container{max-width:1192px}
}
@media (max-width:1199px){.container{width:100% !important;max-width:100% !important;padding:0 30px}
}
@media (max-width:991px){.container{width:100% !important;max-width:100% !important;padding:0 20px}
}
@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64,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") format("woff");font-weight:400;font-style:normal}
:root{--swiper-theme-color:#007aff}
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}
.swiper-wrapper{transform:translateZ(0)}
.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}
:root{--swiper-navigation-size:44px}
.corse-list{padding-top:1px}
.slider-area{position:relative}
.slider-area .single-slide-item{position:relative;background-position:50%;background-size:cover;color:#fff;height:280px;z-index:2;}
.slider-area .single-slide-item .slide-item-table{display:table;width:100%;height:100%}
.slider-area .single-slide-item .slide-item-table .slide-item-tablecell{padding:0;display:table-cell;vertical-align:middle}
.slider-area .single-slide-item .slider-heading{position:relative;z-index:2;top:-20px;}
.slider-area .single-slide-item .slider-heading .slider__title{font-family:PingFangSC-Semibold;font-size:36px;line-height:60px;font-weight:600;color:#fff;margin-bottom:10px;}
@media (max-width:1199px){.slider-area .single-slide-item .slider-heading .slider__title{font-size:36px;line-height:60px}
}
@media only screen and (min-width:768px) and (max-width:991px){.slider-area .single-slide-item .slider-heading .slider__title{font-size:36px;line-height:58px}
}
@media only screen and (min-width:480px) and (max-width:767px){.slider-area .single-slide-item .slider-heading .slider__title{font-size:36px;line-height:58px}
}
@media (max-width:481px){.ksd-spspan,.ksd-presentation,.cro_icon1,.ksd-nav-item-fans{display:none!important;}
    .course_bdleft{padding-left:12px!important;}
    .user_top_nav{overflow-x:auto!important;}
    .ksd-product-desctext{font-size:12px!important;}
    .slider-area .single-slide-item .slider-heading .slider__title{font-size:18px;line-height:50px}
}
